<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	
	
	
	<script  type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
	
	       <link rel="stylesheet" href="css/select2.css">
	     <!--  <script src="Select2 2.1_files/jquery.js"></script>
          <script src="Select2 2.1_files/bootstrap.min.js"></script> -->
		  <script src="Select2 2.1_files/select2.js"></script>
		     

</head>
<style>

body{
			margin-top:50px;
			margin-left:250px;
		}
</style>

<body>
<div class="navbar navbar-fixed-top">
	  <div class="navbar-inner">
		<div class="container">
			<a class="brand" href="#">
			  <img src="img/user_group.png" alt="" />&nbsp;客户关系管理系统
			</a>
			<ul class="nav">
			  <li class="active">
				<a href="welcome.action">概览</a>
			  </li>
			  <li><a href="contacts.action">通讯录</a></li>
			  <li><a href="tasks.action">任务</a></li>
			  <li><a href="chances.action">机会</a></li>
			  <li><a href="discuss.action">讨论</a></li>
			  <li class="dropdown" id="menutest1">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">
				  添加
				  <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
				  <li><a href="new_contact.action"><i class="icon-user"></i>&nbsp;联系人</a></li>
				  <li><a href="new_company.action"><i class="icon-home"></i>&nbsp;公司</a></li>
				  <li class="divider"></li>
				  <li><a href="new_task.action"><i class="icon-ok"></i>&nbsp;任务</a></li>
				  <li><a href="new_chance.action"><i class="icon-star-empty"></i>&nbsp;机会</a></li>
				</ul>
			  </li>
			  
			</ul>
			
			<ul class="nav pull-right" >
			  <li>
				<a href="#">${user.username }</a>
			  </li>
			  <li class="dropdown" id="menutest2">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest2">
				  管理
				  <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
				  <li><a href="manage_user.action?id=${sessionScope.user.id }"><i class="icon-user"></i>&nbsp;同事</a></li>
				  <li><a href="manage_group.action"><i class="icon-list-alt"></i>&nbsp;组</a></li>
				  <li class="divider"></li>
				<!--  <li><a href="user_update_user.action?id=${sessionScope.user.id }"><i class="icon-asterisk"></i>&nbsp;账号</a></li> -->
				  <li><a href="show_user_msg.action?id=${sessionScope.user.id }"><i class="icon-asterisk"></i>&nbsp;账号</a></li>
				</ul>
			  </li>
			  <li class="divider-vertical"></li>
			  <li><a href="sign_in.action">退出</a></li>
			</ul>
			
		</div>
	  </div>
	</div>
<!-- class="modal fade" id="myModal" style="<position></position>: absolute; " -->
	<div class="container">
		
			<div class="row">
				  <div class="span2"></div>
				  <div class="span8" >
					<div class="page-header well" >
						  <h2 id="gf"><img src="img/tasks.png" alt="" />&nbsp;添加任务</h2>
						</div>
			<div class="page-header well" style="height:300px;" >
				 <form action="updateSaveTask.action?taskid=${task.id}" method="post"  style="margin-left:70px;margin-top:30px">
				 
	                <div class="" >

	  	    	<span style="font-size:16px;font-weight:bold;padding-right:5px;">标 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题:</span><input type="text" value="${task.title }"id="title" name="task.title" />
	             
	         </div>
	         
	         <br>
	  <div>
	  
			<!-- <input id="d11" type="text" onClick="WdatePicker()"  /> -->
			
	         <span style="font-size:16px;font-weight:bold;padding-right:-20px;margin-right:-10px;">开始时间：</span>
	         <input id="d12" type="text" name="task.startdate"  value="${task.startdate }"/>
        <img onclick="WdatePicker({el:'d12'})" src="My97DatePicker/skin/datePicker.gif" width="16" height="22" ><br><br>
	      <span style="font-size:16px;font-weight:bold;padding-right:-20px;margin-right:-6px;" >结束时间：</span>
	      <input id="d13" type="text" name="task.enddate"  value="${task.enddate}"/>
      <img onclick="WdatePicker({el:'d13'})" src="My97DatePicker/skin/datePicker.gif" width="16" height="22"><br><br>
                   
          <span style="font-size:16px;font-weight:bold;padding-right:-20px;margin-right:-10px;">选择类别：</span>
          <select style="width: 220px; display: none;" id="e2" name="typ">
				<option></option>
				<c:forEach items="${types}" var="v">
				<option >${v.type}</option>
				</c:forEach>
<!-- 				<option value="AK">Alaska</option>
				<option value="AZ">Arizona</option> -->
			     </select> 
			     <br>
			     <br>
			 <span style="font-size:16px;font-weight:bold;padding-right:-20px;margin-right:-10px;">选择状态：</span> 
			 <select style="width: 220px; display: none;" id="e3" name="task.complete">
			<c:if test="${task.complete==true}"><option selected="selected"  value="true">已完成</option>  </c:if>
				<c:if test="${task.complete==false}"><option selected="selected" value="false">未完成</option>  </c:if>
				 
				 <option></option>
				 <option value="false">未完成</option>
			     <option value="true">已完成</option>
				
<!-- 				<option value="AK">Alaska</option>
				<option value="AZ">Arizona</option> -->
			     </select> 
			     <a href="editType.action">编辑类别</a>
	</div><br>
	<input name="check" type='checkbox' style='float:left;margin-top:2px' />是否所有人可见
	  
	  <div style="margin-top:20px;margin-left:30px">
		
		<input type="submit" class="btn btn-primary" value="保存更新">
		<a   href="tasks.action" class="btn ">取消</a>
	  </div> 
	  </form>
	
	
	</div>	
		
</div>
</div>
</div>
</div>
		
	
	<script type="text/javascript">
		
		
	
		
	 $(document).ready(function() { 
	
		   
          
		      $("#e2").select2({
		
                placeholder: "Select a State",
                allowClear: true
			
            });
            $("#e3").select2({
		
                placeholder: "Select a State",
                allowClear: true
			
            });
		
			
			
			});
		
    </script>
	

	
</body>
</html>